@use "../../mixins/_eui";
@import './variables';

code {
  background-color: var(--euiColorLightestShade);
  border-radius: 4px;
  padding: 1px 4px;
}

pre > code {
  @include eui.scrollBar;

  display: flex;
  padding: 8px 16px;
  width: 100%;

  white-space: pre-wrap;
  background-color: var(--browserTableRowEven);

  border: 1px solid var(--separatorColor);
  border-radius: 4px;
  margin-bottom: ($margin-size-pace * 4 + px);
  font-size: 11px;
  overflow: auto;

  @media only screen and (max-width: ($m-breakpoint + px)) {
    padding: 6px;
  }
}
